<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="icon" href="https://s01.mifile.cn/favicon.ico" type="image/x-icon" />
    <link rel="stylesheet" href="../css/xiaomi.css">
    <link rel="stylesheet" href="../css/iconfont/iconfont.css">
    <link rel="stylesheet" href="../css/details.css">

    <script src="../lib/js/jquery.min.js"></script>
    <script src="../lib/js/cookie.js"></script>
    <script src="../lib/layer/layer.js"></script>
    <script src="../js/ajax.js"></script>
</head>
<body>
    <div class="header">
        <div class="common">
            <div class="left">
               <a href="#">小米商城</a><span class="sep">|</span>
               <a href="#">MIUI</a><span class="sep">|</span>
               <a href="#">loT</a><span class="sep">|</span>
               <a href="#">云服务</a><span class="sep">|</span>
               <a href="#">天星数科</a><span class="sep">|</span>
               <a href="#">有品</a><span class="sep">|</span>
               <a href="#">小爱开放平台</a><span class="sep">|</span>
               <a href="#">企业团购</a><span class="sep">|</span>
               <a href="#">资质证照</a><span class="sep">|</span>
               <a href="#">协议规则</a><span class="sep">|</span>
               <a href="#">下载app</a><span class="sep">|</span>
               <a href="#">智能生活</a><span class="sep">|</span>
               <a href="#">SelectLocation</a>
            </div>
            <div class="right">
                <div class="loginright">
                    <!--   <a>欢迎尊贵的<span style="color:pink">leon</span></a></li><span>|</span>
                        <li><a href="javascript:;" class="logout">退出</a><span>|</span> -->
                
                <a href="../pages/login.html">登录</a><span>|</span>
                <a href="../pages/register.html">注册</a><span>|</span>
                </div>
                   
                <a href="#">消息通知</a>
                <div class="cart iconfont">
                    <a href="#">&#xe601;&nbsp;&nbsp;
                    购物车</a>
                    <!-- (<i>0</i>) -->
                </div>
        </div>
    </div>
    </div>
    <!-- log -->
    <div class="logo">
        <div class="common">
            <h1 class="left">
                <a href="https://www.mi.com/index.html">小米首页</a>
             </h1>   
            <div class="center">
                <ul>
                    <li><a href="#">Xiaomi手机</a></li>
                    <li><a href="#">Readmin红米</a></li>
                    <li><a href="#">电视</a></li>
                    <li><a href="#">笔记本</a></li>
                    <li><a href="#">平板</a></li>
                    <li><a href="#">家电</a></li>
                    <li><a href="#">路由器</a></li>
                    <li><a href="#">服务</a></li>
                    <li><a href="#">社区</a></li>
                </ul>
            </div>
            <div class="right">
               <from action="#">
                   <input type="text" placeholder="手机"><input  class="iconfont" type="submit" value="&#xe60b;">
                </from>
            </div>
        </div>
    </div>

    <!-- 商品型号 -->
    <div class="nav-bar">
        <div class="common">
            <h2>Redmi K50 电竞版</h2>
            <ul class="right">
                <li><a href="">概述页</a><span>|</span></li>
                <li><a href="">参数页</a><span>|</span></li>
                <li><a href="">F码通道</a><span>|</span></li>
                <li><a href="">咨询客服</a><span>|</span></li>
                <li><a href="">用户评价</a></li>
            </ul>
        </div>
    </div>
    <!-- 商品详情 -->
    <div class="mi">
        <div class="common">
            <!-- 放大镜 -->
            <div class="box enlarge fl">
                <div class="middleBox middle" style="background-color: #fff;">
                  <img src="../img/middle1.jpg" style="width: 400px;height: 400px;">
                  <div class="big">
                    <img src="" alt="">
                 </div>
                  <div class="shade"></div>
                </div>
                <div class="smallBox small clearfix">
                    <a href="" class="leftBtn fl fd">&lt;</a>
                    <div class="wraper fl">
                        <ul class="ul">
                            <!-- <li><img src="../img/small1.jpg" alt=""></li> -->
                        </ul>
                    </div>                    
                    <a href="" class="rightBtn fr">&gt;</a>
                </div>
                <div class="bigBox" style="background-color: #fff;">
                </div>
            </div>
            <!-- 放大镜右边 -->
            <div class="boxright">
                <h2>Redmi K50 电竞版</h2>
                <p class="p1">骁龙8 年度旗舰｜「双VC」强劲散热｜以电竞标准打造｜120W神仙秒充｜OLED 柔性直屏｜JBL 宽频四单元扬声器｜新一代超宽频X轴马达｜磁动力弹出式肩键2.0｜前后双索尼相机｜红外Pro｜多功能NFC</p>
                <p class="p2">小米自营</p>
                <h4>3899 元</h4>


                <!-- 配送信息 -->
                <div class="delivery">
                    配送：
                    <select name="provinces" id="pro" style="width: 100px;">
                        <option value="请选择省份">请选择省份</option>
                    </select>
                    <select name="citys" id="city">
                        <option value="请选择城市">请选择城市</option>
                    </select>
                    <select name="areas" id="area">
                        <option value="请选择地区">请选择地区</option>
                    </select>
                    <select name="town" id="town">
                        <option value="请选择街道">请选择街道</option>
                    </select> <br>
                </div>
                <p class="p3">其他信息</p>

                <!-- 加入购物车 -->
                <div class="addCart clearfix">
                    <div class="number fl">
                        <input type="text" name="num" value=1 id="num">
                        <button class="add">+</button>
                        <button class="reduce">-</button>
                    </div>
                    <button class="fl addBtn" stock='10'>加入购物车</button>
                    <a href="../pages/cart.html" class="fl btn toCart">进入购物车</a>
                </div>

                <div class="info">
                    <span>√小米自营</span>
                    <span>√小米发货</span>
                    <span>√7天无理由退货</span>
                    <span>√运费说明</span>
                    <span>√企业信息</span>
                    <span>√天价格保护</span>
                </div>

            </div>

        </div>
    </div>
</body>
</html>
<!-- 放大镜 -->
<script src="../js/enlarge.js"></script>
<script src="../js/successLogin.js"></script>
<script src="../js/details.js"></script>
